

<template>
    <div>
      <router-link to="/home">
         首页
      </router-link>|
        <router-link to="/cart">
          购物车
      </router-link>|
       <router-link to="/play">
          父传子
      </router-link>
    </div>
   <router-view></router-view>
</template>
<script setup>
</script>
<style scoped>
.router-link-active{
  color:red;
}
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
